<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>人事管理平台</title>
    <!--引入文件-->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="wrapper">
        <div class="pm-left">
            <div class="l-head">
                <a href="index.html">
                    <span>LOGO</span>
                </a>
            </div>
            <div class="l-menus">
                <ul id="menu">
                    <li><a class="m-home" href="javascript:void(0)">首页</a></li>
                    <li><a class="m-home selected" href="javascript:void(0)">员工信息管理</a></li>
                    <li><a class="m-home" href="javascript:void(0)">员工考勤</a></li>
                    <li><a class="m-home" href="javascript:void(0)">人事变动</a></li>
                    <li><a class="m-home hat" href="javascript:void(0)">帮助</a></li>
                </ul>
            </div>
         </div>
        <div class="pm-right">
            <div class="r-head">
                <div class="h-search">
                    <input type="text">
                </div>
                <div class="h-info">
                    <div class="h-head">
                        <img src="" alt="">
                    </div>
                    <div class="h-setting">
                        <button style="background-image:url('image/文本.png')"></button>
                    </div>
                    <div class="h-uinfo">
                        <a href="javascript:void(0)">黄海管理员</a>
                    </div>
                    <div class="h-logout">
                        <img src="image/捕获2.PNG" height="88" width="63"/>
                    </div>
                </div>
            </div>
            <div class="r-navs">
                <div class="nav-list">
                    <span>请假</span>
                    <span>迟到/早退</span>
                    <span>出差</span>
                    <span>加班</span>
                    <span>旷工</span>
                </div>
            </div>
            <div class="r-content">
                <div class="c-show">
                    <div class="c-head">
                        <div>
                            相片
                        </div>
                        <div>
                            姓名
                        </div>
                        <div>
                            部门
                        </div>
                        <div>
                            请假类型
                        </div>
                        <div>
                            日期
                        </div>
                        <div>
                            操作
                        </div>
                    </div>
                    <div class="c-data">
                        <div class="tbody">
                            <ul>
                                <li class="row">
                                    <ul>
                                        <li class="col"><img src="image/捕获3.PNG" height="36" width="36"/></li>
                                        <li class="col">张琦</li>
                                        <li class="col">设计部</li>
                                        <li class="col">设计师助理</li>
                                        <li class="col">2015-08-31</li>
                                        <li class="col">详细</li>
                                    </ul>
                                    <ul>
                                        <li class="col"><img src="image/捕获5.PNG" height="36" width="36"/></li>
                                        <li class="col">刘琦</li>
                                        <li class="col">设计部</li>
                                        <li class="col">设计师助理</li>
                                        <li class="col">2015-08-26</li>
                                        <li class="col">详细</li>
                                    </ul>
                                    <ul>
                                        <li class="col"><img src="image/捕获2.PNG" height="36" width="36"/></li>
                                        <li class="col">张凯</li>
                                        <li class="col">设计部</li>
                                        <li class="col">设计师助理</li>
                                        <li class="col">2015-08-26</li>
                                        <li class="col">详细</li>
                                    </ul>
                                    <ul>
                                        <li class="col"><img src="image/捕获.PNG" height="36" width="36"/></li>
                                        <li class="col">刘琦</li>
                                        <li class="col">设计部</li>
                                        <li class="col">设计师助理</li>
                                        <li class="col">2015-08-26</li>
                                        <li class="col">详细</li>
                                    </ul>
                                    <ul>
                                        <li class="col"><img src="image/捕获3.PNG" height="36" width="36"/></li>
                                        <li class="col">董文雅</li>
                                        <li class="col">设计部</li>
                                        <li class="col">设计师助理</li>
                                        <li class="col">2015-08-26</li>
                                        <li class="col">详细</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>